iT邦幫忙

DAY 20
0

Node.js 學習筆記系列 第 20

Node.js學習筆記十九:Hogan.js模版引擎裡顯示陣列

  • 分享至 

  • xImage
  •  

上一篇我們將所有的"username"放到了"name"陣列中,並送往Hogan.js模版引擎:

res.render('userlist', {
    "userlist" : name
});

這種程式的意思是,把"name"命名為"userlist"並送到"userlist.hjs"(逗號前的'userlist')。

再來看"views/userlist.hjs":

    <title>User List</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  
  
    <h1>User List</h1>

    <ul>
      {{#userlist}}
      <li>{{.}}</li>
      {{/userlist}}
    </ul>
  

重點自然是:

<ul>
      {{#userlist}}
      <li>{{.}}</li>
      {{/userlist}}
</ul>

這裡的意思是,對陣列"userlist"進行處理:{{#userlist}}為開始;{{/userlist}}為結束;中間對陣列的每一個值(表示為{{.}})作同樣的顯示:<li>{{.}}</li>

所以出來的編繹結果是:

<ul>
      <li>zack</li>
      <li>testuser2</li>
      <li>testuser3</li>
</ul>

用瀏覽器打開:localhost:3000/userlist,便能看到效果。

(本文同步發表於: NodeJust.com )


上一篇
Node.js學習筆記十八:Node.js的陣列
下一篇
Node.js學習筆記二十:新增用戶頁面
系列文
Node.js 學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言